Medium 中型視窗布局

中型視窗布局 600dp - 839dp

UI畫布：建立600px - 839px（當Dpi=600時1dp = 1px ）

Navigation 導航

• 主要導航放置於頂部或側邊。

• 單窗格佈局用導航欄或抽屜，雙窗格佈局用導航欄。

• 次要頁面可隱藏導航欄，但需保留返回按鈕。

Body Region 主體區域

建議使用單窗格佈局，但資訊密度低的內容（如設定頁面）可用雙窗格佈局。

Spacing 間距

邊距和間隔推薦使用24dp，確保內容均衡分佈。

Spacing間距

中等佈局的邊距為 24dp。面板之間的間隔也是 24dp。

Reachability可觸及性

避免將互動元素放置在螢幕頂部，上方 25% 區域難以觸達。

頻繁使用的元素應靠近螢幕底部，提升可操作性。

• 1（不便區域）：使用者需伸展手指才能觸及，操作不便。

• 2（舒適區域）：使用者可輕鬆觸及，適合作為主要互動區域。

• 3（難觸區域）：裝置握持時難以觸及，不適合放置常用元素。